<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    列表
      1. 无序列表        ul
      2. 有序列表        ol
      3. 自定义列表      dl dt  dd
-->
<h3>无序列表</h3>
<ul>
  <li>无序列表1</li>
  <li>无序列表2</li>
  <li>无序列表3</li>
  <li>无序列表4</li>
</ul>
<h3>有序列表</h3>
<ol>
  <li>有序列表1</li>
  <li>有序列表2</li>
  <li>有序列表3</li>
</ol>

<h3>自定义列表</h3>
<dl>
  <dt>水果</dt>
  <dd>香蕉</dd>
  <dd>苹果</dd>
  <dd>橘子</dd>
  <dt>蔬菜</dt>
  <dd>香蕉</dd>
  <dd>苹果</dd>
  <dd>橘子</dd>
</dl>

</body>
</html>